<template>
    <div>
        <div class="per-accont">
            账号: {{ personalPhone }}
        </div>
        <div class="perselect">
            <el-button type="primary" plain @click="cancel">取消</el-button>
            <el-button type="primary" plain @click="define">确认</el-button>
        </div>
        
    </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
    data() {
        return {
            // userPhone: ''
        }
    },
    computed: {
        ...mapState([
            'personalPhone'
        ])
    },
    methods: {
        define(){
            this.$router.push({ name: 'Login' })
        },
        cancel(){
            this.$router.push({ name: 'PerRegister' })
        }
    }
}
</script>

<style lang="scss" scoped>
.per-accont{
    margin: 40px 0;
    font-size: 20px;
}
.perselect{
    display: flex;
    justify-content: space-between;
    .el-button{
        flex: 1;
    }
}
</style>

